<!DOCTYPE html>
<html>
<body>

<!-- 视频播放器 -->
<video id="videoPlayer" width="640" height="360" controls>
    <source src="./test.mp4" type="video/mp4"> <!-- 替换为你的视频文件 -->
</video>

<script>
// JavaScript 用于跟踪视频播放时间
let video = document.getElementById('videoPlayer');
let lastTime = 0; //  上次记录的时间点
let pointsAccrued = 0; // 累计积分
let tolerance = 1.0; // 容忍的时间差，例如1秒

video.ontimeupdate = function() {
    let currentTime = video.currentTime;
    if (currentTime > lastTime) {
        if (currentTime > lastTime + tolerance) { // 如果超出容忍时间差，则重置为 lastTime
            video.currentTime = lastTime;
        } else {
            lastTime = currentTime; // 正常播放时更新 lastTime
        }
        // 每当观看时间超过又一个整数分钟，增加1积分
        let minutesWatched = Math.floor(lastTime / 10);
        if (minutesWatched > pointsAccrued) {
            pointsAccrued = minutesWatched;
            updatePoints(pointsAccrued); // 更新积分
        }
    }
};

video.onseeking = function() {
    if (video.currentTime > lastTime + tolerance) {
        video.currentTime = lastTime;
    }
};
function updatePoints(points) {
    // 这里发送请求到你的后端服务器，更新积分
    console.log("当前积分: " + points);
    // 示例：发送到后端的代码（你需要替换成你的服务器地址和逻辑）
    // fetch('你的服务器地址/updatePoints', {
    //   method: 'POST',
    //   headers: {'Content-Type': 'application/json'},
    //   body: JSON.stringify({points: points})
    // });
}
</script>

</body>
</html>
